<template>
	<el-row>
		<el-col v-for="(item,index) in allList" :key="index">
			<el-row>
				<el-col style="margin-top:13px;">
					&nbsp;
				</el-col>
				<el-col>
					<span style="color:orange;">疾病编号：{{item.complaintCode}}</span>
				</el-col>
				<el-col>
					<table class="infoTable">
							<thead>
								<tr>
									<th>处置编号</th>
									<th>过滤规则</th>
									<th>是否必要</th>
									<th>处置类别</th>
									<th>处置内容</th>
								</tr>
							</thead>
							<tbody>
								<tr v-for="(disposal,inde) in item.disposalList">
									<td>
										{{disposal.disposalCode}}
									</td>
									<td>
										{{disposal.filterRule}}
									</td>
									<td>
										{{disposal.isNecessity}}
									</td>
									<td>
										{{disposal.disposalCategory}}
									</td>
									<td>
										{{disposal.disposalContent}}
									</td>
								</tr>
							</tbody>
						</table>
				</el-col>
			</el-row>
		</el-col>
	</el-row>
</template>
<script type="text/javascript">
import $ from 'jquery'
	export default{
		name:"ListDisposal",
		data(){
			return{
				allList:[]
			}
		},
		mounted(){
			let vm = this;
			$.ajax({
                    type:"post",
                    timeout : 30000,
                    url:"http://localhost:8089/listDisease",
        			contentType: "application/json",
                    success:function(result){
                    	vm.allList = result.data;
                    },
                    error:function(){
                    	alert("请求失败！");
                    }
                })
		}
	}
</script>
<style type="text/css" scoped>
	.infoTable{
		 width:100%;
		 table-layout:fixed;
		 border-right: solid 1px #000000;
		 border-bottom: solid 1px #000000;
		 border-collapse: collapse;
		 line-height: 28px;
		 font-size: 14px;
	}
	.infoTable th{
		border-left: solid 1px #000000;
		border-top: solid 1px #000000;
		background-color: lightblue;
	}
	.infoTable td{
		border-left: solid 1px #000000;
		border-top: solid 1px #000000;
		vertical-align: top;
	}
</style>